<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <title>Sign On</title>
    <base href="https://id.example.com/">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <link rel="stylesheet" type="text/css" href="assets/css/main.css">
</head>

<body onload="setFocus()">

    <div class="ping-container ping-signin">

        <!-- 
    if there is a logo present in the 'company-logo' container,
    then 'has-logo' class should be added to 'ping-header' container.
    -->
        <div class="ping-header">
            <span class="company-logo">
                <!-- client company logo here -->
            </span>
            Sign On
        </div>
        <!-- .ping-header -->

        <div class="ping-body-container">

            <div>
                <form method="POST" action="/idp/9ABjD/resumeSAML20/idp/startSSO.ping" autocomplete="off">
                    <div class="ping-messages">



                    </div>

                    <div class="ping-input-label">
                        Username
                    </div>
                    <div class="ping-input-container">
                        <input id="username" type="text" size="36" name="pf.username" value="" autocorrect="off" autocapitalize="off" onkeypress="return postOnReturn(event)">
                        <!---->
                    </div>

                    <div class="ping-input-label">
                        Password
                    </div>
                    <div class="ping-input-container">
                        <input id="password" type="password" size="36" name="pf.pass" onkeypress="return postOnReturn(event)">
                    </div>


                    <div class="ping-buttons">
                        <input type="hidden" name="pf.ok" value="">
                        <input type="hidden" name="pf.cancel" value="">

                        <a onclick="postOk();" class="ping-button normal allow" title="Sign On">
                            Sign On
                        </a>
                    </div>
                    <!-- .ping-buttons -->

                    <div class="ping-input-link ping-pass-change">
                        <a href="/idp/9ABjD/resumeSAML20/idp/startSSO.ping?ChangePassword=true" class="password-change">Change Password?</a>
                    </div>

                    <input type="hidden" name="pf.adapterId" id="pf.adapterId" value="VersentForm">
                </form>
            </div>
            <!-- .ping-body -->
        </div>
        <!-- .ping-body-container -->

        <div class="ping-footer-container">
            <div class="ping-footer">
                <div class="ping-credits"></div>
                <div class="ping-copyright">Copyright © 2003-2017. Ping Identity Corporation. All rights reserved.</div>
            </div>
            <!-- .ping-footer -->
        </div>
        <!-- .ping-footer-container -->

    </div>
    <!-- .ping-container -->

    <script type="text/javascript">

        function getForgotPasswordUrl() {
            var base = "https://id.example.com/ext/pwdreset/Identify?referrer=https%3A%2F%2Fid.example.com%2Fidp%2F9ABjD%2FresumeSAML20%2Fidp%2FstartSSO.ping&adapterId=ExampleForm";
            window.location.href = base;
        }

        function postOk() {
            document.forms[0]['pf.ok'].value = 'clicked';
            document.forms[0].submit();
        }
        function postCancel() {
            document.forms[0]['pf.cancel'].value = 'clicked';
            document.forms[0].submit();
        }
        function postOnReturn(e) {
            var keycode;
            if (window.event) keycode = window.event.keyCode;
            else if (e) keycode = e.which;
            else return true;

            if (keycode == 13) {
                document.forms[0].submit();
                return false;
            } else {
                return true;
            }
        }
        function setFocus() {
            var platform = navigator.platform;
            if (platform != null && platform.indexOf("iPhone") == -1) {
                document.getElementById('username').focus();
            }
        }
        function setMobile(mobile) {
            var className = ' mobile',
                hasClass = (bodyTag.className.indexOf(className) !== -1);

            if (mobile && !hasClass) {
                bodyTag.className += className;

            } else if (!mobile && hasClass) {
                bodyTag.className = bodyTag.className.replace(className, '');
            }

        }
        function getScreenWidth() {
            return (window.outerHeight) ? window.outerWidth : document.body.clientWidth;
        }

        var bodyTag = document.getElementsByTagName('body')[0],
            width = getScreenWidth(),
            remember = false && false;


        if (/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            setMobile(true);
        } else {
            setMobile((width <= 480));
            window.onresize = function () {
                width = getScreenWidth();
                setMobile((width <= 480));
            }
        }
    </script>



</body>

</html>